<template>
  <div>
      
      <Student />
      <School />

  </div>
</template>

<script>

import Student from "./components/Student.vue"
import School from "./components/School.vue"

/*
 在vue中，其实所有的组件都放到App中的时候，样式都是会被汇总到一起的
 这里面难免会有相同的样式名冲突的冲突的情况，如果遇到这种情况
 就是谁后定义就会覆盖前面的

 遇到这个情况，我们都希望自己的作用域，或者说自己写的组件范围内
 希望样式只作用于自己的组件就好
 这个时候，我们可以在style标签里，写上scoped属性
*/

export default {
    name:"App",
    components:{Student,School}
    
}
</script>

<style scoped>

</style>